<template>
<div class="container waiguan">
  <div class="title">充电器</div>
  <van-collapse v-model="activeNames">
    <van-collapse-item title="充电器" name="1">
      <van-cell title="充电器损坏" value="" is-link />
      <van-cell title="充电接口损坏" value="" is-link />
      <van-cell title="无法充电" value="" is-link />
      <van-cell title="充不满" value="" is-link />
      <van-cell title="风扇不转" value="" is-link />
      <van-cell title="风扇声音过大" value="" is-link />
      <van-cell title="充电灯不亮" value="" is-link />
      <van-cell title="充电器过热" value="" is-link />
      <van-cell title="充电器爆炸或冒烟" value="" is-link />
      <van-cell title="充电器电压过高" value="" is-link />
      <van-cell title="充电器线损坏" value="" is-link />
      <van-cell title="充电器掉漆" value="" is-link />
      <van-cell title="充电器冒白浆" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="USB充电模组" name="2">
      <van-cell title="USB无法充电" value="" is-link />
      <van-cell title="USB充电口防尘盖无法盖上" value="" is-link />
      <van-cell title="USB短路" value="" is-link />
      <van-cell title="USB生锈" value="" is-link />
      <van-cell title="USB脱落" value="" is-link />
      <van-cell title="USB口变形" value="" is-link />
      <van-cell title="USB充电闪断" value="" is-link />
      <van-cell title="USB电压不稳" value="" is-link />
      <van-cell title="USB口损坏" value="" is-link />
      <van-cell title="USB口松动" value="" is-link />
      <van-cell title="USB口防尘塞缺失" value="" is-link />
    </van-collapse-item>
  </van-collapse>
</div>

</template>
<script>
import { Collapse, CollapseItem,Toast,Cell } from 'vant';
export default {
  components:{
    [Cell.name]:Cell,
    [Toast.name]:Toast,
    [Collapse.name]:Collapse,
    [CollapseItem.name]:CollapseItem,
  },
  data(){
    return{
      activeNames: []
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>
<style>
.waiguan .van-cell{
  padding-left:0;
  padding-right:0;
}
.van-collapse-item__content{
  padding:0;
  padding-left:15px;
}
.van-collapse-item__title .van-cell__title{
  font-weight:500;
}
</style>

<style scoped lang="scss">
.container{
  padding:0 18px;
  height:100%;
  text-align: left;
}
.title{
  height:72px;
  font-size:25px;
  line-height: 72px;
  font-weight:500;
}

</style>